// out: app.wxss

// 渐变色 蓝色
@top_nav_height: 170rpx;

/* 导航 */
.app_nav_top_bg {
	width: 100%;
	height: @top_nav_height;
	overflow: hidden;
	z-index: 1000;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
// 新版，以上即将废弃
.app_nav_top_bg_1 {
	width: 100%;
	overflow: hidden;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	position: fixed;
}
.navi_body_info_body {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}


.app_icon_bb {
	width: 31rpx;
	height: 50rpx;
	overflow: hidden;
	margin-left: 20rpx;
	margin-right: 20rpx;
}
.app_icon_back {
	background-image: url('https://6469-dida-1301153571.tcb.qcloud.la/icon/icon_back_2.svg?sign=677c1b12e2945bd9179e6e64f318bc70&t=1580021007');
	background-position: center center;
	background-repeat: no-repeat;
}

.app_bg_color_g_1 {
	background: linear-gradient(to right bottom, RGBA(38, 138, 204, 1), RGBA(32, 106, 168, 1));
}
.app_bg_color_g_2 {
	background: linear-gradient(to right, RGBA(32, 106, 168, 1), RGBA(38, 138, 204, 1));
}

// 灰色
.app_bg_color_gray_1 {
	background: linear-gradient(to right bottom, RGBA(0, 0, 0, 0.15), RGBA(0, 0, 0, 0.4));
}

// 按钮渐变
.app_bg_color_g_3 {
	background: linear-gradient(to right bottom, RGBA(34, 166, 240, 1.00), RGBA(57, 117, 193, 1.00));
	color: rgb(255, 81, 0);
}

.app_bg_color_r_1 {
	background: linear-gradient(to right bottom, RGBA(255,0,98, 1.00), RGBA(255,80,0, 1.00));
}

.app_main_title_text {
	display: flex;
	height: 100%;
	flex: 1;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: 40rpx;
}


// 阴影
.app_shadow_1 {
	box-shadow:0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.5);
}
.app_shadow_2 {
	box-shadow:0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.15);
}
.app_shadow_3 {
	box-shadow:0rpx 10rpx 20rpx 0rpx rgba(0, 0, 0, 0.3);
}

// 内框
.app_n_body {
	width: 690rpx;
	height: 100%;
	overflow: hidden;
}


.app_main_bg_body {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #f0f0f0;
}